*{
  box-sizing: content-box;
}
.app {
  .goodsTop {
    position: relative;
    background: #213762;

    .bg {
      width: 100%;
      height: 2.07rem;

      img {
        width: 100%;
        height: 100%;
      }
    }

    .goodsRun {
      width: 100%;
      height: 2.72rem;
      position: relative;
      top: 0;
      left: 0;
      background: #213762;

      .goodsRunBox {
        margin: 0 .1rem;
        border-radius: .08rem;
        overflow: hidden;

        .goodsRunTitle {
          background: #fff;
          height: .44rem;
          padding-left: .08rem;

          .runTitle {
            font-size: .18rem;
            font-weight: bolder;
            margin-right: .1rem;
            line-height: .44rem;
          }

          span {
            font-size: .12rem;
          }
        }

        .runBox {
          display: flex;
          justify-content: space-between;
          padding: .05rem .08rem .14rem;
          background: #fff;

          .run {
            width: .98rem;
            height: 1.75rem;
            border-radius: .06rem;
            border: .01rem solid #ddd;
            padding: .05rem;

            img {
              width: 100%;
              height: .95rem;
            }

            .text {
              h3 {
                height: .33rem;
                font-size: .12rem;
                line-height: .16rem;
                text-align: justify;
                font-weight: bolder;
                word-break: break-all;
                text-overflow: ellipsis;
                overflow: hidden;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
              }

              .runPrice {
                .priceText {
                  font-size: .10rem;
                  font-weight: bold;
                  color: #e08c35;
                }

                .price {
                  font-size: .16rem;
                  font-weight: bolder;
                  color: #eb8e02;
                }
              }

              .runBuy {
                width: .8rem;
                height: .2rem;
                background: #eb8e02;
                font-size: .12rem;
                border-radius: .1rem;
                text-align: center;
                line-height: .2rem;
                color: #fff;
                margin-top: .05rem;
              }
            }
          }
        }
      }
    }

    .goodsBox {
      width: 100%;
      // margin-top: 2.4rem;
      background: #213762;

      .goodsList {
        height: 100%;
        margin: 0 .1rem;
        position: relative;
        background: #fff;
        border-radius: .08rem;

        .priceTitle {
          height: .5rem;
          background: #fff;
          display: flex;
          justify-content: space-around;
          align-items: center;
          position: sticky;
          position: -webkit-sticky; // 兼容 -webkit 内核的浏览器
          top: 0;
          z-index: 1;
          border-radius: .08rem;
          box-shadow: 0px 2px 3px #ececec;
          
          .priceActive{
            display: block;
            flex: 1;
            margin: 0 .05rem;
            height: .3rem;
            border-radius: .15rem;
            font-size: .14rem;
            text-align: center;
            line-height: .3rem;
            color: #fff;
            background: #f3a600;
            font-weight: bold;
          }
          .price {
            display: block;
            flex: 1;
            margin: 0 .05rem;
            height: .3rem;
            border-radius: .15rem;
            font-size: .14rem;
            text-align: center;
            line-height: .3rem;
            color: #000;
            // background: #e08c35;
          }
        }

        .banner {
          margin: 0 .08rem;
          border-radius: .08rem;
          overflow: hidden;

          img {}
        }

        .goodsTable {
          .goods {
            padding: 0 .08rem;
            margin-top: .1rem;
            background: #fff;

            .listBox {
              .goodsListBox {
                height: 100%;
                display: flex;

                .goodsImg {
                  position: relative;
                  width: 1.4rem;
                  height: 1.4rem;
                  margin-right: .1rem;

                  img {
                    width: 1.4rem;
                    height: 1.4rem;
                  }

                  .comments {
                    height: .14rem;
                    position: absolute;
                    left: 0;
                    top: .1rem;
                    display: block;
                    padding: .03rem .05rem;
                    background: #fff;
                    color: #000;
                    font-size: .10rem;
                    text-align: center;
                    line-height: .14rem;
                    border-radius: 0 .07rem .07rem 0;
                  }
                }

                .goodsDetails {
                  height: 1.4rem;

                  h2 {
                    font-size: .16rem;
                    font-weight: bolder;
                  }

                  .priceBox {
                    .text {
                      font-size: .12rem;
                      margin-left: .08rem;
                      margin-right: .08rem;
                      color: rgb(92, 92, 92);
                    }

                    .sale {
                      font-size: .12rem;
                      color: #d4b585;
                    }

                    .nowPrice {
                      .afterPrice {
                        font-size: .20rem;
                        font-weight: bolder;
                        color: #eb8e02;
                        margin-right: .08rem;

                        span {
                          font-size: .16rem;
                          color: #eb8e02;
                        }
                      }

                      .nowText {
                        font-size: .12rem;
                        color: #d4b585;
                      }
                    }

                    .buy {
                      width: .66rem;
                      font-size: .12rem;
                      text-align: center;
                      border-radius: .2rem;
                      color: #fff;
                      padding: .05rem;
                      margin-top: .05rem;
                      background: coral;
                    }
                  }
                }
              }

              .description {
                margin-top: .08rem;
                padding-bottom: .08rem;
                font-size: .12rem;
                line-height: .2rem;
                color: #b7b7b7;
                border-bottom: 1px solid #ddd;
              }
            }
          }
        }
      }
    }
  }
}